.a-message {
  .a-message-list:first-child {
    margin:0 12px 12px 12px;
    &::before{
      content:'';
      display:block;
      height: 12px;
    }
  }
  .a-message-list:not(:first-child) {
    margin: 12px;
  }
  .a-message-list {
    box-sizing: border-box;
    .a-message-list-item {
      background-color: white;
      padding: 12px 12px 0 12px;
      border-radius: 4px;
      > .a-message-list-item-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px;

        > :first-child {
          font-weight: bolder;
          color: #333333;
          font-size: 17px;
        }

        > :last-child {
          color: #999999;
        }
      }

      > .a-message-list-item-content {
        color: #666666;
        font-size: 14px;
        margin-bottom: 10px;
      }

      > .a-message-list-item-button {
        width: 100%;
        border-top: 1px solid #EEEEEE;
        color: #3296FA;
        font-size: 15px;
        height: 42px;
      }
    }
  }

  > .a-message-list:last-child {
    margin-bottom: 0;
  }
}

